<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../lib/Validform/5.3.2/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../ht-css/Project.css"/>
    <!--引入分页-->
    <link rel="stylesheet" href="../../../../lib/pagination/pagination.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../../ht-css/style-q.css"/>
    <link rel="stylesheet" href="../../../../ht-css/combo.select.css">
    <title>积分商品管理</title>
    <style>
        .relation {
            background: #FFFFFF;
            border: 1px solid #00a0e9;
        }

        .relation li {
            line-height: 2;
        }

        .relation li:hover {
            background: #00a0e9;
            color: #FFFFFF;
        }

        .guanlian {
            position: absolute;
            top: 35px;
            width: 100%;
            overflow-y: scroll;
            max-height: 150px;
            display: none;
        }

        .guanlian li {
            text-indent: 20px;
        }

        .pagination li {
            float: left;
            margin-left: 5px;
            width: 26px;
            height: 26px;
            border: 1px solid #ccc;
            text-align: center;
            color: #666;
        }

        .pagination li:hover {
            background-color: #5a98de;
        }

        .pagination li:hover a {
            color: #fff;
        }

        .dis_btn {
            background: #9c9a9a;
            color: #fff;
            border: 1px solid #9c9a9a;
        }

        .dis_btn:hover {
            background: #9c9a9a;
            color: #fff;
            border: 1px solid #9c9a9a;
        }

    </style>
</head>
<body data-id="559">
<nav class="breadcrumb">积分商品管理<span class="c-gray en">&gt;</span>积分商品 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i
        class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <div class="ml-20 mr-20" id="form-member-add" method="post">
        <div id="tab_topnav" class="HuiTab">
            <div class="tabBar clearfix"><span>积分商品</span></div>
            <!--商品售卖管理-->
            <div class="tabCon bg-1 bk-gray pb-10" id="productManage">
                <form class="lh-20 pd-10 classForm" name="">
                    <table class="table_li mb-10 table">
                        <thead class="text-l">
                        <tr>
                            <td class="col-4-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l w-75 text-r lh-26">商品名称：</label>
                                    <div class="formControls f-l">
                                        <input style="    margin-left: 5px;" type="text" class="input-text radius ml-10 w-180" name="integralSkuName" id="integralSkuName"
                                               placeholder="输入积分商品名称"
                                               oninput="this.value = this.value.substring(0,50)"
                                               datatype="*0-50" errormsg="最大长度为50个字符"
                                               ignore="ignore">
                                    </div>
                                    <span class="Validform_checktip"></span>
                                </div>
                            </td>
                            <td class="col-4-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l lh-26 w-75 text-r">商品编码：</label>
                                    <div class="formControls f-l">
                                        <input type="text" class="input-text radius ml-10 w-180" name="integralSkuCode"
                                               id="integralSkuCode"
                                               placeholder="输入积分商品编码"
                                               datatype="n" errormsg="请输入数字"
                                               ignore="ignore">
                                    </div>
                                    <span class="Validform_checktip"></span>
                                </div>
                            </td>
                            <td style="width:30%">
                                <div class="row ml-10">
                                    <label class="form-label f-l w-75 text-r lh-26">创建人：</label>
                                    <div class="formControls f-l">
                                        <input type="text" class="input-text radius ml-10 w-150" name="creationBy" id="creationBy"
                                               oninput="this.value = this.value.substring(0,10)"
                                               placeholder="输入创建人" datatype="*0-10"  errormsg="格式错误，请重新输入"
                                               ignore="ignore">
                                    </div>
                                    <span class="Validform_checktip"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>

                            <td class="col-4-1">
                                <div class="row ml-10" align="left">
                                    <label style="margin-left: 1px;" class="form-label f-l pt-5 text-r w-75">创建时间：</label>
                                    <div class="f-l ml-10" style="margin-left: 3px">
                                        <input onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'timemax\')||\'%y-%M-%d\'}',startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="input-text Wdate radius" id="timemin" type="text" placeholder="请选择" style="width:116px;"  autocomplete="off">
                                        ~
                                        <input onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'timemin\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="input-text Wdate radius" id="timemax" type="text" placeholder="请选择" style="width:116px;" autocomplete="off">
                                    </div>
                                    <span class="Validform_checktip"></span>
                                </div>
                            </td>
                        </tr>
                        </thead>
                    </table>
                    <div class="text-c pb-20 pt-10 ">
                        <input   type="button" class="btn btn-secondary radius size-S" onclick="goodsDistributionMode()" value="查&nbsp;&nbsp;询">
                        <input name="" type="reset" class="btn radius size-S ml-10 " value="重&nbsp;&nbsp;置">
                    </div>
                </form>
                <input type="button" onclick="integral_edit('新增积分商品','integralSkuInfo.html','')"  class="btn radius size-S "  style="margin-left: 45px;width: 142px;" value="+新建商品">
                <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                    <thead>
                    <tr class="text-c">
                        <th width="80"><input type="checkbox" onclick="stopProp()" name="integralSkuId" value="integralAll" id="integralAll">商品编码</th>
                        <th width="100">商品名称</th>
                        <th width="50">单位</th><!--副标题fd-->
                        <th width="50">商品主图</th>
                        <th width="80">创建时间</th>
                        <th width="80">编辑时间</th>
                        <th width="50">创建人</th>
                        <th width="50">操作</th>
                    </tr>
                    </thead>
                    <tbody class="shun">

                    </tbody>
                </table>
                <div class="dataTables_wrapper goods_fanye clearfix">
                    <div style="margin-left: 64px;display: none;" id="checkboxs">
                        <input type="checkbox" onclick="setCheckBoxs()" name="integralSkuId" id="integralAllUnder"><span>全选</span>&nbsp;&nbsp;
                        <a id="deleteSelected" href="javascript:return false;" style="opacity: 0.2"><span class="list 84" onclick="deleteSelected()">删除</span></a>
                    </div>

                    <div class="f-r pageturning M-box3"></div>
                </div>
            </div>
        </div>
    </div>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/jquery.combo.select.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script src="../../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../../../lib/pagination/pagination.css">
<script src="../../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../../ht-js/verifyToken.js?rev=@@hash"></script>
<link rel="stylesheet" type="text/css" href="../../../../ht-css/jedate.css" />
<!--权限控制-->
<script type="text/javascript" src="../../../../ht-js/power.js?rev=@@hash"></script>
<!--时间组件-->
<script type="text/javascript" src="../../../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<script src="../../../../ht-js/memberCentre/IntegralMall/integral-sku-list.js?rev=@@hash"></script>
<script src="../../../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<script>


    /*tab切换*/
    jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
// 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();
        $tab_menu.bind(tabEvent, function () {
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show()
        })
    }

    $(function () {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });
    $(function () {
        $(".classForm").Validform({
            tiptype: 2,
            callback: function (form) {
                reloadSpuTable();
                return false;
            }
        });
    });

</script>
</body>
</html>